// pages/search/search.js
const {getSuggestList} = require("../../api/search");
Page({

  /**
   * 页面的初始数据
   */
  data: {
    search:[],
    // value:null,
    keyword:null,
    suggestData:[],
  },
  // 搜索
  onChange(e){
    // console.log(e.detail.value);
    this.setData({
      keyword:e.detail.value
    })
    if(e.detail.value != ''){

      getSuggestList({query:e.detail.value}).then(data=>{
        // console.log(data);
        this.setData({
          suggestData:data.data.list
        })
      })
    }
  },
  // 点击添加历史搜索
  searchHi(){
    // console.log(this.data.keyword)
    if(this.data.keyword == null){
      wx.showToast({
        title: '请输入内容',
        icon:"none",
      })
      return
    }
    // 数组去重
    let index = this.data.search.findIndex(item => item == this.data.keyword);
    if(index == -1){
      // 添加数组
      this.data.search.push(this.data.keyword);
      wx.setStorageSync('search', this.data.search)

      this.setData({
        search:this.data.search,
      })

    }
  },
  //点击历史记录搜索
  clickName(e){
    // console.log(e);
    let index = e.currentTarget.dataset.id;
    this.setData({
      keyword:this.data.search[index]
    })
  },
  // 回车搜索
  search(e){
    // console.log(e.detail.value);
    //内容不能为空
    if(!e.detail.value){
      wx.showToast({
        title: '请输入内容',
        icon:"none",
        duration:2000
      })
      return
    }
    this.setData({
      keyword:e.detail.value
    })
    let index = this.data.search.findIndex(item => item == this.data.keyword);
    // 数组去重
    if(index == -1){
      // 将数据添加到数组中
      this.data.search.push(e.detail.value);
      wx.setStorageSync('search', this.data.search)

    }
    // console.log(this.data.search);

    // 跳转详情页
    wx.navigateTo({
      url: '/pages/searchdetail/searchdetail?query='+ this.data.keyword,
    })
    this.setData({
      keyword:""
    })
  },
  // 清除搜索记录
  del(){
    wx.removeStorageSync('search');
    this.setData({
      search:[]
    })
  },
  // find(){
  //   console.log();
  // },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
   
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // console.log("onShow");
    if(wx.getStorageSync('search')){
      this.setData({
        search:wx.getStorageSync('search')
      })
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})